<!DOCTYPE HTML>
<html lang="en-US">

<head>
  <meta charset="UTF-8">
  <title>ueditor demo</title>
</head>

<body>
<!-- 加载编辑器的容器 -->
<div id="container" name="content" type="text/plain" style="width:600px;height:200px;">
    这里写你的初始化内容
</div>
<!-- 编辑器源码文件 -->
<link rel="stylesheet" href="../../../static/js/plugins/umeditor-dev/themes/default/_css/umeditor.css">
<link rel="stylesheet" href="../../../static/css/bootstrap.min.css">

<!-- 引用jquery -->
<script src="../../../static/js/plugins/umeditor-dev/third-party/jquery.min.js"></script>
<script src="../../../static/js/plugins/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../../../static/js/plugins/umeditor/dist/umeditor.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../static/js/plugins/umeditor/umeditor.config.js"></script>
<script type="text/javascript" src="../../../static/js/plugins/umeditor/dist/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="../../../static/js/plugins/umeditor-dev/_examples/editor_api.js"></script>
<script type="text/javascript">
  //实例化编辑器，设置显示的工具栏
  $opt={toolbar:[
    'undo redo | bold italic underline strikethrough | forecolor backcolor |',
    'insertorderedlist insertunorderedlist | link unlink ' ,
    '| justifyleft justifycenter justifyright justifyjustify |paragraph fontfamily fontsize',
    ' | fullscreen'
  ]};
  var um = UM.getEditor('container',$opt);
</script>
</body>

</html>
